<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"            
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">
        <ui:define name="contenido">             
            <h:form onsubmit="return checkSubmit();"  id="frmPrincipal">
                <p:panel id="pnlPrincipal" header="#{i18n['tipo.cambio.panel']}" style="#{applicationMBean.estiloTitulo}">
                    <h:panelGrid id="pgFormDto" columns="10" cellpadding="4">
                        <h:outputLabel value="#{i18n['tipo.cambio.organizacion']}" styleClass="label"/>
                        <p:autoComplete id="idAcOrganizacion" value="#{tipoCambioMBean.dto.organizacionDto}" completeMethod="#{applicationMBean.autoCompletarOrganizacion}"
                                        label="#{i18n['tipo.cambio.organizacion']}" required="true" readonly="#{sessionMBean.accion == 3}" forceSelection="true"
                                        converter="organizacionConvert" var="dto" itemLabel="#{dto.descripcion}" itemValue="#{dto}" size="40">                              
                        </p:autoComplete>  
                        <p:spacer />
                        <h:outputLabel value="#{i18n['tipo.cambio.tipo']}" styleClass="label"/>
                        <p:selectOneMenu value="#{tipoCambioMBean.dto.tipo}" >                              
                            <f:selectItems value="#{tipoCambioMBean.siTiposCambio}" />  
                        </p:selectOneMenu>  
                        <p:spacer rendered="#{tipoCambioMBean.dto.id!=null}"/>
                        <h:outputLabel value="#{i18n['tipo.cambio.fecha']}" styleClass="label" rendered="#{tipoCambioMBean.dto.id!=null}"/>
                        <h:outputText value="#{tipoCambioMBean.dto.fechaCambio}" style="color: red; font-weight:bold;font-size:12px;"  rendered="#{tipoCambioMBean.dto.id!=null}">
                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHora}" timeZone="#{applicationMBean.timeZone}"/>
                        </h:outputText>
                    </h:panelGrid>
                </p:panel>
                <p:panel id="pnlAcciones">
                    <h:panelGrid columns="10">

                        <p:commandButton title="#{i18n['general.button.guardar.tip']}" accesskey="#{applicationMBean.keyGuardar}" ajax="false"
                                         icon="ui-icon ui-icon-disk"
                                         onclick="return confirm('#{i18n.general_mensaje_confirmacion}');"
                                         value="#{i18n['general.button.guardar']}" style="#{applicationMBean.cssBotonTransaccion}"
                                         action="#{tipoCambioMBean.guardar}">                                    
                        </p:commandButton>                        
                        <p:spacer width="10" />
                        <p:commandButton title="#{i18n['general.button.atras.tip']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-arrowreturnthick-1-w" immediate="true"
                                         value="#{i18n['general.button.atras']}" style="#{applicationMBean.cssBotonAtras}"
                                         action="#{tipoCambioMBean.retroceder}">                                    
                        </p:commandButton>                   

                    </h:panelGrid>
                </p:panel>

                <p:panel id="pnlConversiones" header="#{i18n['tipo.cambio.titulo.conversiones']}" style="#{applicationMBean.estiloTitulo}" rendered="#{tipoCambioMBean.dto.id!=null}">
                    <h:panelGrid id="pngConversion" columns="10">
                        <h:outputLabel value="#{i18n['tipo.cambio.moneda']}" styleClass="label"/>       
                        <h:outputText value="#{tipoCambioMBean.tipoCambioDetaDto.monedaDto.descripcion}" styleClass="general" />
                        <p:spacer />
                        <h:outputLabel value="#{i18n['tipo.cambio.factor.conversion']}" styleClass="label"/>
                        <p:inputText label="#{i18n['tipo.cambio.factor.conversion']}" style="#{applicationMBean.estiloObligatorio}"
                                     value="#{tipoCambioMBean.tipoCambioDetaDto.factor}"  readonly="#{sessionMBean.accion == 3}"
                                     onkeypress="return fn_validaTecla('decimal',this)"
                                     required="true" size="10" >
                            <f:validateLength minimum="1" maximum="9" />
                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                        </p:inputText>  
                        <p:spacer />
                        <h:outputLabel styleClass="label" value="#{i18n['tipo.cambio.moneda.cambio']}"/>                    
                        <p:selectOneMenu value="#{tipoCambioMBean.tipoCambioDetaDto.monedaCambioDto}"  converter="parametroConvert" style="#{applicationMBean.estiloObligatorio}" disabled="#{sessionMBean.accion == 3}">
                            <f:selectItems value="#{tipoCambioMBean.listaMonedas}" var="parametroDto" itemLabel="#{parametroDto.descripcion}" itemValue="#{parametroDto}" />                        
                        </p:selectOneMenu>
                        <p:spacer />
                        <p:commandButton title="#{i18n['general.button.agregar.tip']}" ajax="false"
                                         icon="ui-icon ui-icon-plus"
                                         onclick="return confirm('#{i18n.general_mensaje_confirmacion}');"
                                         value="#{i18n['general.button.agregar']}" style="#{applicationMBean.cssBotonAgregar}"
                                         action="#{tipoCambioMBean.guardarDetalle}">                                    
                        </p:commandButton>     
                    </h:panelGrid>
                    <p:separator />
                    <h:panelGrid id="pngTablaConversiones" columns="1">
                        <p:dataTable id="tblConversiones" value="#{tipoCambioMBean.dto.tiposCambioDetaDto}" var="dto" widgetVar="widTable">                             
                            <p:column headerText="#{i18n['tipo.cambio.moneda']}"  styleClass="general">
                                <h:outputText value="#{dto.monedaDto.descripcion}" styleClass="general" />
                            </p:column>                            
                            <p:column headerText="#{i18n['tipo.cambio.factor.conversion']}"  styleClass="general" style="text-align: right">
                                <h:outputText value="#{dto.factor}" styleClass="general" >
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontosTipoCambio}" />
                                </h:outputText>
                                    
                            </p:column>                            
                            <p:column headerText="#{i18n['tipo.cambio.moneda.cambio']}"  styleClass="general">
                                <h:outputText value="#{dto.monedaCambioDto.descripcion}" styleClass="general" />
                            </p:column>                            
                        </p:dataTable>
                    </h:panelGrid>
                </p:panel>


            </h:form>
        </ui:define>
    </ui:composition>
</html>